body {
	margin: 15px;
	background-color: #f1f2f5;
}

.add {
	float: right;
}

.head {
	display: flex;
	background: #eee;
	height: 30px;

}

.head span {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 3px;
	padding-left: 10px;
}

.head span:nth-child(1) {
	flex: 1;
}

.head span:nth-child(2) {
	flex: 3;
}

.head span:nth-child(3) {
	flex: 4;
}

.head span:nth-child(4) {
	flex: 6;
}

.head span:nth-child(5) {
	flex: 2;
}

.head span:nth-child(6) {
	flex: 4;
	border: 1px solid #ccc;
}

li {
	display: flex;

	height: 40px;
}

li span {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	padding-top: 10px;
}

li span:nth-child(1) {
	flex: 1;
}

li span:nth-child(2) {
	flex: 3;
	padding-top: 5px;
}

li span:nth-child(2) em {
	display: inline-block;
	width: 90%;
	height: 30px;
	background: #2d3237;

}

li span:nth-child(3) {
	flex: 4;
}

li span:nth-child(4) {
	flex: 6;
}

li span:nth-child(5) {
	flex: 2;
}

li span:nth-child(6) {
	flex: 4;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.icon-url img {
	height: 30px;
	margin-left: 30px;
}

em img {
	height: 30px;
	margin-left: 30px;
}